<!-- code block to be required_once by default.php in tmpl -->
<div id="csmbol-header">
    <div>
		<h1>CSM Booking Online 1.6</h1>
    </div>
</div>

<div id="csmbol-wrapper">
    <div id="csmbol-content">
        <div id="csmbol-rightcolumn">
            <form action="" method="post">
            <ul class="csmbol-tabs" id="csmbol-tabs-id" style="margin-left:0;">
                <li class="csmbol-tab" id="tab_select_date">Select Dates/Slots</li>
                <li class="csmbol-tab" id="tab_add_options" style="width:110px">Add Options</li>
                <li class="csmbol-tab" id="tab_booking_summary">Booking Summary</li>                
                <li class="csmbol-tab" id="tab_book_now" style="width:100px">Book Now</li>
                <li class="csmbol-tab" id="tab_complete">Booking Completed</li>
            </ul>
            </form>
            <div class="csmbol-tabcontent selected" id="tab_select_date_content">
                <div name="tab_select_date_time_slot">
                <form action="" method="post"> 
                      <input name="first-datetimebox-displayed" id="id_first-datetimebox-displayed" type="hidden" value="false"/>
                      <input name="booking-sum" id="id_booking-sum" type="hidden" value="0"/>              
                </form>     
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-leftcolumn-inner">
                                <div id="box_datetimebox_container">

                                </div>
                            </div>
                            <div id="csmbol-rightcolumn-inner">
                                <input type="button" class="csmbol-btn" id="btn_sd_add_date" name="add_date" value="Add Date">
                                <input type="button" class="csmbol-btn" id="btn_sd_add_options" name="add_options" value="Add Options >>" onclick="gotoOptionPage()">         
                                <input type="button" class="csmbol-btn" id="btn_sd_clear_dates" name="clear_dates" value="Clear Dates" onclick="clearDates(true)">
                                <div class="csmbol-csbox">For assistance, please contact <br />+65 6338 0566 or enquiry@csm.sg</div>
                            </div>         
                        </div>
                    </div>
                </div>
            </div>
            <form action="" method="post">             
            <div class="csmbol-tabcontent" id="tab_add_options_content">
                <div name="tab_add_options">
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-opt-leftcolumn-inner">
                                <div id="csmbol-option-box">
                                	<div style="float:left; width:100%" id="box_option_timing_container"></div>                                           
                                  	<div class="csmbol-option-title">Additional Message (max 300 characters) </div> 
                                    <div class="csmbol-option"><textarea name="opt_addmsg" id="opt_addmsg" maxlength="300" cols="50" rows="5" wrap="virtual" style="vertical-align:top"></textarea></div>
								</div>
                            </div>  
                            <div id="csmbol-opt-rightcolumn-inner">          
                                <input type="button" class="csmbol-btn" id="id_change_date" name="change_date" value="<< Change Date" onclick="gotoDatePage()">
                                <input type="button" class="csmbol-btn" id="id_make_booking" name="make_booking" value="View Summary >>" onclick="gotoSummaryPage(); ">
                                <div class="csmbol-csbox">For assistance, please contact <br />+65 6338 0566 or enquiry@csm.sg</div>                                
                            </div>   
                        </div>
                    </div>
                </div>
            </div>
            </form>             
            <div class="csmbol-tabcontent" id="tab_booking_summary_content">
                <div name="tab_booking_summary">
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-booking-summary-leftcolumn-inner">                
                                <div id="csmbol-booking-summary-box">
                                </div>
                            </div>
                            <div id="csmbol-booking-summary-rightcolumn-inner">          
                                <input type="button" class="csmbol-btn" id="id_change_date" name="change_date" value="<< Change Date" onclick="gotoDatePage()">
                                <input type="button" class="csmbol-btn" id="id_change_option" name="change_option" value="<< Change Options" onclick="gotoOptionPage()">   
								<input type="button" class="csmbol-btn" id="id_change_option" name="change_option" value="Complete Booking >>" onclick="gotoBookingPage();readyEntriesForBooking();">
                                <div class="csmbol-csbox">For assistance, please contact <br />+65 6338 0566 or enquiry@csm.sg</div>                                
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
        
            <div class="csmbol-tabcontent" id="tab_book_now_content">
                <div name="tab_book_now">
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-booking-leftcolumn-inner">                
                                <div id="csmbol-booking-box">
                                
                                </div>
                            </div>
                            <div id="csmbol-booking-rightcolumn-inner">
                                <input type="button" class="csmbol-btn" id="btn_bn_restart_booking" name="new_booking" value="Re-start" onclick="makeNewBooking();">
                                <div id="ppbtn" style="display:none">                                      
                                    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="ppform" onsubmit="loadPayPal();">
                                        <input type="hidden" name="cmd" value="_xclick">
                                        <input type="hidden" name="business" value="KU2C3FJC9JG52">
                                        <input type="hidden" name="lc" value="SG">
                                        <input type="hidden" name="item_name" value="CSM Online Booking Package">
                                        <input type="hidden" name="item_number" value="booking_package_id">
                                        <input type="hidden" name="amount" value="0.00">
                                        <input type="hidden" name="currency_code" value="SGD">
                                        <input type="hidden" name="button_subtype" value="services">
                                        <input type="hidden" name="no_note" value="0">
                                        <input type="hidden" name="cn" value="Add special instructions to the seller">
                                        <input type="hidden" name="no_shipping" value="1">
                                        <input type="hidden" name="rm" value="2">
                                        <input type="hidden" name="return" value="">
                                        <input type="hidden" name="cancel_return" value="">
                                        <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
                                        <input type="hidden" name="flag1" value="x">
                                        <input type="hidden" name="flag2" value="y">
                                        <input type="image" src="components/com_csmbol/images/btn_booknow.gif" border="0" alt="PayPal - The safer, easier way to pay online.">                                    
                                        <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
                                        <img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110306-1/en_GB/i/scr/pixel.gif" width="1" height="1">
                                    </form>
                                </div>
                                <div class="csmbol-csbox">For assistance, please contact <br />+65 6338 0566 or enquiry@csm.sg</div>                                
                            </div> 
                        </div>
                    </div>
                </div>
            </div>   
            
            <div class="csmbol-tabcontent" id="tab_complete_content">
                <div name="tab_booking_completed">
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-booking-completed-leftcolumn-inner">                
                                <div id="csmbol-booking-completed-box">
                                </div>
                            </div>
                            <div id="csmbol-booking-completed-rightcolumn-inner">          
                                <input type="button" class="csmbol-btn" id="btn_bc_new_booking" name="new_booking" value="<< Make New Bookings" onclick="makeNewBooking();">
                                <div class="csmbol-csbox">For assistance, please contact <br />+65 6338 0566 or enquiry@csm.sg</div>                                
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="csmbol-tabcontent" id="tab_at_content">
                <div name="tab_booking_at">
                    <div id="csmbol-wrapper-inner">
                        <div id="csmbol-content-inner">
                            <div id="csmbol-at-leftcolumn-inner">                
                                <div id="csmbol-booking-at-box">
                                	<div class="csmbol-info-box" id="at_login_box">
                                    	<form id="at_login_form">
                                    	Staff ID: <input type="text" class="csmbol-inp" id="at_name" value="" />
                                    	Password: <input type="password" class="csmbol-inp" id="at_password" value="" />
                                        <input type="button" class="csmbol-btn" id="at_login" value="Login" onclick="atLogin()" />                                        
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>            
                     
        </div>
    </div>
</div>